 /**
 * jQuery jPages v0.7
 * Client side pagination with jQuery
 * http://luis-almeida.github.com/jPages
 *
 * Licensed under the MIT license.
 * Copyright 2012 Luís Almeida
 * https://github.com/luis-almeida
 */

;(function($, window, document, undefined) {
    
      var name = "jPages",
          instance = null,
          defaults = {
            containerID: "",
            first: false,
            previous: "← previous",
            next: "next →",
            last: false,
            links: "numeric", // blank || title
            startPage: 1,
            perPage: 10,
            midRange: 5,
            startRange: 1,
            endRange: 1,
            keyBrowse: false,
            scrollBrowse: false,
            pause: 0,
            clickStop: false,
            delay: 50,
            direction: "forward", // backwards || auto || random ||
            animation: "", // http://daneden.me/animate/ - any entrance animations
            fallback: 400,
            minHeight: true,
            callback: undefined // function( pages, items ) { }
          };
    
    
      function Plugin(element, options) {
        this.options = $.extend({}, defaults, options);
    
        this._container = $("#" + this.options.containerID);
        if (!this._container.length) return;
    
        this.jQwindow = $(window);
        this.jQdocument = $(document);
    
        this._holder = $(element);
        this._nav = {};
    
        this._first = $(this.options.first);
        this._previous = $(this.options.previous);
        this._next = $(this.options.next);
        this._last = $(this.options.last);
    
        /* only visible items! */
        this._items = this._container.children(":visible");
        this._itemsShowing = $([]);
        this._itemsHiding = $([]);
    
        this._numPages = Math.ceil(this._items.length / this.options.perPage);
        this._currentPageNum = this.options.startPage;
    
        this._clicked = false;
        this._cssAnimSupport = this.getCSSAnimationSupport();
    
        this.init();
      }
    
      Plugin.prototype = {
    
        constructor : Plugin,
    
        getCSSAnimationSupport : function() {
          var animation = false,
              animationstring = 'animation',
              keyframeprefix = '',
              domPrefixes = 'Webkit Moz O ms Khtml'.split(' '),
              pfx = '',
              elm = this._container.get(0);
    
          if (elm.style.animationName) animation = true;
    
          if (animation === false) {
            for (var i = 0; i < domPrefixes.length; i++) {
              if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
                pfx = domPrefixes[i];
                animationstring = pfx + 'Animation';
                keyframeprefix = '-' + pfx.toLowerCase() + '-';
                animation = true;
                break;
              }
            }
          }
    
          return animation;
        },
    
        init : function() {
          this.setStyles();
          this.setNav();
          this.paginate(this._currentPageNum);
          this.setMinHeight();
        },
    
        setStyles : function() {
          var requiredStyles = "<style>" +
          ".jp-invisible { visibility: hidden !important; } " +
          ".jp-hidden { display: none !important; }" +
          "</style>";
    
          $(requiredStyles).appendTo("head");
    
          if (this._cssAnimSupport && this.options.animation.length)
            this._items.addClass("animated jp-hidden");
          else this._items.hide();
    
        },
    
        setNav : function() {
          var navhtml = this.writeNav();
    
          this._holder.each(this.bind(function(index, element) {
            var holder = $(element);
            holder.html(navhtml);
            this.cacheNavElements(holder, index);
            this.bindNavHandlers(index);
            this.disableNavSelection(element);
          }, this));
    
          if (this.options.keyBrowse) this.bindNavKeyBrowse();
          if (this.options.scrollBrowse) this.bindNavScrollBrowse();
        },
    
        writeNav : function() {
          var i = 1, navhtml;
          navhtml = this.writeBtn("first") + this.writeBtn("previous");
    
          for (; i <= this._numPages; i++) {
            if (i === 1 && this.options.startRange === 0) navhtml += "<span>...</span>";
            if (i > this.options.startRange && i <= this._numPages - this.options.endRange)
              navhtml += "<a href='#' class='jp-hidden'>";
            else
              navhtml += "<a>";
    
            switch (this.options.links) {
              case "numeric":
                navhtml += i;
                break;
              case "blank":
                break;
              case "title":
                var title = this._items.eq(i - 1).attr("data-title");
                navhtml += title !== undefined ? title : "";
                break;
            }
    
            navhtml += "</a>";
            if (i === this.options.startRange || i === this._numPages - this.options.endRange)
              navhtml += "<span>...</span>";
          }
          navhtml += this.writeBtn("next") + this.writeBtn("last") + "</div>";
          return navhtml;
        },
    
        writeBtn : function(which) {
    
          return this.options[which] !== false && !$(this["_" + which]).length ?
          "<a class='jp-" + which + "'>" + this.options[which] + "</a>" : "";
    
        },
    
        cacheNavElements : function(holder, index) {
          this._nav[index] = {};
          this._nav[index].holder = holder;
          this._nav[index].first = this._first.length ? this._first : this._nav[index].holder.find("a.jp-first");
          this._nav[index].previous = this._previous.length ? this._previous : this._nav[index].holder.find("a.jp-previous");
          this._nav[index].next = this._next.length ? this._next : this._nav[index].holder.find("a.jp-next");
          this._nav[index].last = this._last.length ? this._last : this._nav[index].holder.find("a.jp-last");
          this._nav[index].fstBreak = this._nav[index].holder.find("span:first");
          this._nav[index].lstBreak = this._nav[index].holder.find("span:last");
          this._nav[index].pages = this._nav[index].holder.find("a").not(".jp-first, .jp-previous, .jp-next, .jp-last");
          this._nav[index].permPages =
            this._nav[index].pages.slice(0, this.options.startRange)
              .add(this._nav[index].pages.slice(this._numPages - this.options.endRange, this._numPages));
          this._nav[index].pagesShowing = $([]);
          this._nav[index].currentPage = $([]);
        },
    
        bindNavHandlers : function(index) {
          var nav = this._nav[index];
    
          // default nav
          nav.holder.bind("click.jPages", this.bind(function(evt) {
            var newPage = this.getNewPage(nav, $(evt.target));
            if (this.validNewPage(newPage)) {
              this._clicked = true;
              this.paginate(newPage);
            }
            evt.preventDefault();
          }, this));
    
          // custom first
          if (this._first.length) {
            this._first.bind("click.jPages", this.bind(function() {
              if (this.validNewPage(1)) {
                this._clicked = true;
                this.paginate(1);
              }
            }, this));
          }
    
          // custom previous
          if (this._previous.length) {
            this._previous.bind("click.jPages", this.bind(function() {
              var newPage = this._currentPageNum - 1;
              if (this.validNewPage(newPage)) {
                this._clicked = true;
                this.paginate(newPage);
              }
            }, this));
          }
    
          // custom next
          if (this._next.length) {
            this._next.bind("click.jPages", this.bind(function() {
              var newPage = this._currentPageNum + 1;
              if (this.validNewPage(newPage)) {
                this._clicked = true;
                this.paginate(newPage);
              }
            }, this));
          }
    
          // custom last
          if (this._last.length) {
            this._last.bind("click.jPages", this.bind(function() {
              if (this.validNewPage(this._numPages)) {
                this._clicked = true;
                this.paginate(this._numPages);
              }
            }, this));
          }
    
        },
    
        disableNavSelection : function(element) {
          if (typeof element.onselectstart != "undefined")
            element.onselectstart = function() {
              return false;
            };
          else if (typeof element.style.MozUserSelect != "undefined")
            element.style.MozUserSelect = "none";
          else
            element.onmousedown = function() {
              return false;
            };
        },
    
        bindNavKeyBrowse : function() {
          this.jQdocument.bind("keydown.jPages", this.bind(function(evt) {
            var target = evt.target.nodeName.toLowerCase();
            if (this.elemScrolledIntoView() && target !== "input" && target != "textarea") {
              var newPage = this._currentPageNum;
    
              if (evt.which == 37) newPage = this._currentPageNum - 1;
              if (evt.which == 39) newPage = this._currentPageNum + 1;
    
              if (this.validNewPage(newPage)) {
                this._clicked = true;
                this.paginate(newPage);
              }
            }
          }, this));
        },
    
        elemScrolledIntoView : function() {
          var docViewTop, docViewBottom, elemTop, elemBottom;
          docViewTop = this.jQwindow.scrollTop();
          docViewBottom = docViewTop + this.jQwindow.height();
          elemTop = this._container.offset().top;
          elemBottom = elemTop + this._container.height();
          return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
    
          // comment above and uncomment below if you want keyBrowse to happen
          // only when container is completely visible in the page
          /*return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom) &&
                    (elemBottom <= docViewBottom) &&  (elemTop >= docViewTop) );*/
        },
    
        bindNavScrollBrowse : function() {
          this._container.bind("mousewheel.jPages DOMMouseScroll.jPages", this.bind(function(evt) {
            var newPage = (evt.originalEvent.wheelDelta || -evt.originalEvent.detail) > 0 ?
            (this._currentPageNum - 1) : (this._currentPageNum + 1);
            if (this.validNewPage(newPage)) {
              this._clicked = true;
              this.paginate(newPage);
            }
            evt.preventDefault();
            return false;
          }, this));
        },
    
        getNewPage : function(nav, target) {
          if (target.is(nav.currentPage)) return this._currentPageNum;
          if (target.is(nav.pages)) return nav.pages.index(target) + 1;
          if (target.is(nav.first)) return 1;
          if (target.is(nav.last)) return this._numPages;
          if (target.is(nav.previous)) return nav.pages.index(nav.currentPage);
          if (target.is(nav.next)) return nav.pages.index(nav.currentPage) + 2;
        },
    
        validNewPage : function(newPage) {
          return newPage !== this._currentPageNum && newPage > 0 && newPage <= this._numPages;
        },
    
        paginate : function(page) {
          var itemRange, pageInterval;
          itemRange = this.updateItems(page);
          pageInterval = this.updatePages(page);
          this._currentPageNum = page;
          if ($.isFunction(this.options.callback))
            this.callback(page, itemRange, pageInterval);
    
          this.updatePause();
        },
    
        updateItems : function(page) {
          var range = this.getItemRange(page);
          this._itemsHiding = this._itemsShowing;
          this._itemsShowing = this._items.slice(range.start, range.end);
          if (this._cssAnimSupport && this.options.animation.length) this.cssAnimations(page);
          else this.jQAnimations(page);
          return range;
        },
    
        getItemRange : function(page) {
          var range = {};
          range.start = (page - 1) * this.options.perPage;
          range.end = range.start + this.options.perPage;
          if (range.end > this._items.length) range.end = this._items.length;
          return range;
        },
    
        cssAnimations : function(page) {
          clearInterval(this._delay);
    
          this._itemsHiding
            .removeClass(this.options.animation + " jp-invisible")
            .addClass("jp-hidden");
    
          this._itemsShowing
            .removeClass("jp-hidden")
            .addClass("jp-invisible");
    
          this._itemsOriented = this.getDirectedItems(page);
          this._index = 0;
    
          this._delay = setInterval(this.bind(function() {
            if (this._index === this._itemsOriented.length) clearInterval(this._delay);
            else {
              this._itemsOriented
              .eq(this._index)
              .removeClass("jp-invisible")
              .addClass(this.options.animation);
            }
            this._index = this._index + 1;
          }, this), this.options.delay);
        },
    
        jQAnimations : function(page) {
          clearInterval(this._delay);
          this._itemsHiding.addClass("jp-hidden");
          this._itemsShowing.fadeTo(0, 0).removeClass("jp-hidden");
          this._itemsOriented = this.getDirectedItems(page);
          this._index = 0;
          this._delay = setInterval(this.bind(function() {
            if (this._index === this._itemsOriented.length) clearInterval(this._delay);
            else {
              this._itemsOriented
              .eq(this._index)
              .fadeTo(this.options.fallback, 1);
            }
            this._index = this._index + 1;
          }, this), this.options.delay);
        },
    
        getDirectedItems : function(page) {
          var itemsToShow;
    
          switch (this.options.direction) {
            case "backwards":
              itemsToShow = $(this._itemsShowing.get().reverse());
              break;
            case "random":
              itemsToShow = $(this._itemsShowing.get().sort(function() {
                return (Math.round(Math.random()) - 0.5);
              }));
              break;
            case "auto":
              itemsToShow = page >= this._currentPageNum ?
              this._itemsShowing : $(this._itemsShowing.get().reverse());
              break;
            default:
              itemsToShow = this._itemsShowing;
          }
    
          return itemsToShow;
        },
    
        updatePages : function(page) {
          var interval, index, nav;
          interval = this.getInterval(page);
          for (index in this._nav) {
            if (this._nav.hasOwnProperty(index)) {
              nav = this._nav[index];
              this.updateBtns(nav, page);
              this.updateCurrentPage(nav, page);
              this.updatePagesShowing(nav, interval);
              this.updateBreaks(nav, interval);
            }
          }
          return interval;
        },
    
        getInterval : function(page) {
          var neHalf, upperLimit, start, end;
          neHalf = Math.ceil(this.options.midRange / 2);
          upperLimit = this._numPages - this.options.midRange;
          start = page > neHalf ? Math.max(Math.min(page - neHalf, upperLimit), 0) : 0;
          end = page > neHalf ?
            Math.min(page + neHalf - (this.options.midRange % 2 > 0 ? 1 : 0), this._numPages) :
            Math.min(this.options.midRange, this._numPages);
          return {start: start,end: end};
        },
    
        updateBtns : function(nav, page) {
          if (page === 1) {
            nav.first.addClass("jp-disabled");
            nav.previous.addClass("jp-disabled");
          }
          if (page === this._numPages) {
            nav.next.addClass("jp-disabled");
            nav.last.addClass("jp-disabled");
          }
          if (this._currentPageNum === 1 && page > 1) {
            nav.first.removeClass("jp-disabled");
            nav.previous.removeClass("jp-disabled");
          }
          if (this._currentPageNum === this._numPages && page < this._numPages) {
            nav.next.removeClass("jp-disabled");
            nav.last.removeClass("jp-disabled");
          }
        },
    
        updateCurrentPage : function(nav, page) {
          nav.currentPage.removeClass("jp-current");
          nav.currentPage = nav.pages.eq(page - 1).addClass("jp-current");
        },
    
        updatePagesShowing : function(nav, interval) {
          var newRange = nav.pages.slice(interval.start, interval.end).not(nav.permPages);
          nav.pagesShowing.not(newRange).addClass("jp-hidden");
          newRange.not(nav.pagesShowing).removeClass("jp-hidden");
          nav.pagesShowing = newRange;
        },
    
        updateBreaks : function(nav, interval) {
          if (
            interval.start > this.options.startRange ||
            (this.options.startRange === 0 && interval.start > 0)
          ) nav.fstBreak.removeClass("jp-hidden");
          else nav.fstBreak.addClass("jp-hidden");
    
          if (interval.end < this._numPages - this.options.endRange) nav.lstBreak.removeClass("jp-hidden");
          else nav.lstBreak.addClass("jp-hidden");
        },
    
        callback : function(page, itemRange, pageInterval) {
          var pages = {
                current: page,
                interval: pageInterval,
                count: this._numPages
              },
              items = {
                showing: this._itemsShowing,
                oncoming: this._items.slice(itemRange.start + this.options.perPage, itemRange.end + this.options.perPage),
                range: itemRange,
                count: this._items.length
              };
    
          pages.interval.start = pages.interval.start + 1;
          items.range.start = items.range.start + 1;
          this.options.callback(pages, items);
        },
    
        updatePause : function() {
          if (this.options.pause && this._numPages > 1) {
            clearTimeout(this._pause);
            if (this.options.clickStop && this._clicked) return;
            else {
              this._pause = setTimeout(this.bind(function() {
                this.paginate(this._currentPageNum !== this._numPages ? this._currentPageNum + 1 : 1);
              }, this), this.options.pause);
            }
          }
        },
    
        setMinHeight : function() {
          if (this.options.minHeight && !this._container.is("table, tbody")) {
            setTimeout(this.bind(function() {
              this._container.css({ "min-height": this._container.css("height") });
            }, this), 1000);
          }
        },
    
        bind : function(fn, me) {
          return function() {
            return fn.apply(me, arguments);
          };
        },
    
        destroy : function() {
          this.jQdocument.unbind("keydown.jPages");
          this._container.unbind("mousewheel.jPages DOMMouseScroll.jPages");
    
          if (this.options.minHeight) this._container.css("min-height", "");
          if (this._cssAnimSupport && this.options.animation.length)
            this._items.removeClass("animated jp-hidden jp-invisible " + this.options.animation);
          else this._items.removeClass("jp-hidden").fadeTo(0, 1);
          this._holder.unbind("click.jPages").empty();
        }
    
      };
    
      $.fn[name] = function(arg) {
        var type = $.type(arg);
    
        if (type === "object") {
          if (this.length && !$.data(this, name)) {
            instance = new Plugin(this, arg);
            this.each(function() {
              $.data(this, name, instance);
            });
          }
          return this;
        }
    
        if (type === "string" && arg === "destroy") {
          instance.destroy();
          this.each(function() {
            $.removeData(this, name);
          });
          return this;
        }
    
        if (type === 'number' && arg % 1 === 0) {
          if (instance.validNewPage(arg)) instance.paginate(arg);
          return this;
        }
    
        return this;
      };
    
    })(jQuery, window, document);
    